
<!DOCTYPE html>
<html class="no-js css-menubar" lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 移动设备 viewport -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="author" content="admui.com">
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta name="renderer" content="webkit">
    <!-- 禁止搜索引擎抓取 -->
    <meta name="robots" content="nofollow">
    <!-- 禁止百度SiteAPP转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!-- Chrome浏览器添加桌面快捷方式（安卓） -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" type="image/png" href="../../../../../public/images/favicon.png">
    <!-- Safari浏览器添加到主屏幕（IOS） -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Admui">
    <link rel="icon" sizes="192x192" href="../../../../../public/images/apple-touch-icon.png">
    
    <!-- Win8标题栏及ICON图标 -->
    <meta name="msapplication-TileColor" content="#62a8ea">
    <meta name="msapplication-TileImage" content="../../../../../public/images/app-icon72x72@2x.png">
    <link rel="apple-touch-icon-precomposed" href="../../../../../public/images/apple-touch-icon.png">
    
    <!--[if lte IE 9]>
    <meta http-equiv="refresh" content="0; url='http://www.admui.com/ie'"/>
    <![endif]-->
    
    <title>表单输入框 - DataTables - 表格示例 - Admui</title>
    
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../../../../../public/themes/global/css/bootstrap.css">
    
    <!-- 字体图标 CSS -->
    <link rel="stylesheet" href="../../../../../public/fonts/font-awesome/font-awesome.css">
    <link rel="stylesheet" href="../../../../../public/fonts/web-icons/web-icons.css">
    
    <!-- Site CSS -->
    <link rel="stylesheet" href="../../../../../public/themes/base/css/site.css" id="admui-siteStyle">
    
    <!-- 插件 CSS -->
    <link rel="stylesheet" href="../../../../../public/vendor/animsition/animsition.css">
    <link rel="stylesheet" href="../../../../../public/vendor/toastr/toastr.css">
    <link rel="stylesheet" href="../../../../../public/vendor/mCustomScrollbar/jquery.mCustomScrollbar.css">
    <link rel="stylesheet" href="../../../../../public/vendor/datatables-bootstrap/dataTables.bootstrap4.css">
    <link rel="stylesheet" href="../../../../../public/vendor/datatables-responsive/dataTables.responsive.css">
    <link rel="stylesheet" href="../../../../../public/vendor/highlight/github-gist.css">
    
    <!-- Page CSS -->
    <link rel="stylesheet" href="../../../../../public/css/examples/tables/datatable.css">
    
    <!-- 插件 -->
    <script src="../../../../../public/vendor/jquery/jquery.min.js"></script>
    <script src="../../../../../public/vendor/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="../../../../../public/vendor/lodash/lodash.min.js"></script>
    <script src="../../../../../public/vendor/breakpoints/breakpoints.min.js"></script>
    
    <!--[if lt IE 10]>
    <script src="../../../../../public/vendor/media-match/media.match.min.js"></script>
    <script src="../../../../../public/vendor/respond/respond.min.js"></script>
    <![endif]-->
    
    <!-- 核心 -->
    <script src="../../../../../public/themes/global/js/core.js"></script>
    <script src="../../../../../public/themes/global/js/configs/site-configs.js"></script>
    <script src="../../../../../public/themes/global/js/components.js"></script>
    <script src="../../../../../public/themes/base/js/site.js"></script>
    
    <script>
        'use strict';
        Breakpoints();
    </script></head>
<body class="site-menubar-unfold page-aside-fixed page-aside-left" data-theme="base">

<nav class="site-navbar navbar navbar-default navbar-fixed-top navbar-inverse" id="admui-siteNavbar" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggler hamburger hamburger-close navbar-toggler-left hided" data-toggle="menubar">
            <span class="sr-only">切换菜单</span>
            <span class="hamburger-bar"></span>
        </button>
        <button type="button" class="navbar-toggler collapsed" data-target="#admui-navbarCollapse" data-toggle="collapse">
            <i class="icon wb-more-horizontal" aria-hidden="true"></i>
        </button>
        <div class="navbar-brand navbar-brand-center site-gridmenu-toggle" data-toggle="gridmenu">
            <img class="navbar-brand-logo d-sm-block d-lg-block d-none navbar-logo" src="../../../../../public/images/logo-white.svg"
                title="Admui">
            <img class="navbar-brand-logo d-sm-none navbar-logo-mini" src="../../../../../public/images/logo-white-min.svg" title="Admui">
        </div>
    </div>

    <div class="navbar-container container-fluid">
        <div class="collapse navbar-collapse navbar-collapse-toolbar" id="admui-navbarCollapse">
            <ul class="nav navbar-toolbar navbar-left">
                <li class="nav-item hidden-float" id="toggleMenubar">
                    <a class="nav-link" data-toggle="menubar" href="javascript:;" role="button" id="admui-toggleMenubar">
                        <i class="icon hamburger hamburger-arrow-left">
                            <span class="sr-only">切换目录</span>
                            <span class="hamburger-bar"></span>
                        </i>
                    </a>
                </li>
                <li class="navbar-menu nav-tabs-horizontal nav-tabs-animate is-load" id="admui-navMenu">
                    <ul class="nav navbar-toolbar nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#admui-navTabsItem-2" aria-controls="admui-navTabsItem-2"
                                role="tab" aria-expanded="false">
                                <i class="icon wb-library"></i>
                                <span>UI 示例</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#admui-navTabsItem-3" aria-controls="admui-navTabsItem-3"
                                role="tab" aria-expanded="false">
                                <i class="icon wb-desktop"></i>
                                <span>页面示例</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#admui-navTabsItem-4" aria-controls="admui-navTabsItem-4"
                                role="tab" aria-expanded="false">
                                <i class="icon wb-table"></i>
                                <span>表格示例</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#admui-navTabsItem-5" aria-controls="admui-navTabsItem-5"
                                role="tab" aria-expanded="false">
                                <i class="icon wb-order"></i>
                                <span>表单示例</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#admui-navTabsItem-6" aria-controls="admui-navTabsItem-6"
                                role="tab" aria-expanded="false">
                                <i class="icon wb-pie-chart"></i>
                                <span>统计图表</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#admui-navTabsItem-7" aria-controls="admui-navTabsItem-7"
                                role="tab" aria-expanded="false">
                                <i class="icon wb-menu"></i>
                                <span>菜单示例</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#admui-navTabsItem-8" aria-controls="admui-navTabsItem-8"
                                role="tab" aria-expanded="false">
                                <i class="icon wb-settings"></i>
                                <span>系统管理</span>
                            </a>
                        </li>
                        <li class="nav-item dropdown" id="admui-navbarSubMenu">
                            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="javascript:;"
                                data-animation="slide-bottom">
                                更多
                            </a>
                            <div class="dropdown-menu">
                                <a class="dropdown-item no-menu" href="/html/site-map.html">
                                    <i class="icon wb-list-numbered"></i>
                                    <span>网站地图</span>
                                </a>
                                <a class="dropdown-item no-menu" href="/html/system/menu.html">
                                    <i class="icon wb-wrench"></i>
                                    <span>菜单管理</span>
                                </a>
                            </div>
                        </li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-toolbar navbar-right navbar-toolbar-right">
                <li class="nav-item dropdown" id="admui-navbarUser">
                    <a class="nav-link navbar-avatar" data-toggle="dropdown" href="javascript:;" aria-expanded="false"
                        data-animation="scale-up" role="button">
                        <span class="avatar avatar-online">
                            <img src="../../../../../public/images/avatar.svg" alt="...">
                            <i></i>
                        </span>
                    </a>
                    <div class="dropdown-menu" role="menu">
                        <a class="dropdown-item" href="/html/system/account.html?tab=display" role="menuitem">
                            <i class="icon wb-layout" aria-hidden="true"></i>
                            <span>显示设置</span>
                        </a>
                        <a class="dropdown-item" href="/html/system/account.html?tab=password" role="menuitem">
                            <i class="icon wb-pencil" aria-hidden="true"></i>
                            <span>修改密码</span>
                        </a>
                        <a class="dropdown-item" href="/html/system/account.html" role="menuitem">
                            <i class="icon wb-settings" aria-hidden="true"></i>
                            <span>账户信息</span>
                        </a>
                        <div class="dropdown-divider" role="presentation"></div>
                        <a class="dropdown-item" href="/html/login.html" role="menuitem">
                            <i class="icon wb-power"></i>
                            <span>退出</span>
                        </a>
                    </div>
                </li>
                <li class="nav-item dropdown" id="admui-navbarMessage">
                    <a class="nav-link msg-btn" data-toggle="dropdown" href="javascript:;" aria-expanded="false"
                        data-animation="scale-up" role="button">
                        <i class="icon wb-bell" aria-hidden="true"></i>
                        <span class="badge badge-danger up msg-num"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-right dropdown-menu-media" role="menu">
                        <li class="dropdown-menu-header" role="presentation">
                            <h5>最新消息</h5>
                            <span class="badge badge-round label-danger"></span>
                        </li>
                        <li class="list-group" role="presentation">
                            <div class="navbar-message-content h-250" data-plugin="mCustomScrollbar">
                                <div id="admui-messageContent"></div>
                            </div>
                            <script type="text/html" id="admui-messageTpl">
                                <% if (msgList.length < 1) { %>
                                <p class="text-center h-200 vertical-align">
                                    <small class="vertical-align-middle opacity-four">没有新消息</small>
                                </p>
                                <% } else { %>
                                <% for(var i = 0; i < msgList.length; i++){ %>
                                <% var item = msgList[i]; %>
                                <a class="list-group-item" href="#" data-message-id="<%= item.messageId %>"
                                   data-title="<%= item.title %>"
                                   data-content="<%= item.content %>" role="menuitem">
                                    <div class="media">
                                        <div class="pr-10">
                                            <i class="icon <%= $imports.iconType(item.messageId) %> white icon-circle"
                                               aria-hidden="true"></i>
                                        </div>
                                        <div class="media-body">
                                            <h6 class="media-heading"><%= item.title %></h6>
                                            <time class="media-meta" datetime="<%= item.sendTime %>">
                                                <%= $imports.timeMsg(item.sendTime) %>
                                            </time>
                                        </div>
                                    </div>
                                </a>
                                <% } %>
                                <% } %>
                            </script>
                        </li>
                        <div class="dropdown-menu-footer" role="presentation">
                            <a class="dropdown-item" href="/html/system/account.html?tab=message" role="menuitem">
                                <i class="icon fa-navicon"></i>所有消息
                            </a>
                        </div>
                    </ul>
                </li>
                <li class="nav-item d-none d-sm-block" id="admui-navbarDisplay" data-toggle="tooltip" data-placement="bottom"
                    title="设置主题与布局等">
                    <a class="nav-link" href="/html/system/settings/display.html">
                        <i class="icon wb-layout"></i>
                        <span class="sr-only">主题与布局</span>
                    </a>
                </li>
                <li class="nav-item d-none d-sm-block" id="admui-navbarFullscreen" data-toggle="tooltip" data-placement="bottom"
                    title="全屏">
                    <a class="nav-link" href="javascript:;" role="button">
                        <i class="icon icon-fullscreen"></i>
                        <span class="sr-only">全屏</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<nav class="site-menubar" id="admui-siteMenubar">
    <div class="site-menubar-body">
        <div class="tab-content h-full" id="admui-navTabs">
            <div class="tab-pane animation-fade h-full active" id="admui-navTabsItem-2" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">UI 示例</li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-laptop" aria-hidden="true"></i>
                            <span class="site-menu-title">布局</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item has-sub">
                                <a href="javascript:;">
                                    <span class="site-menu-title">栅格</span>
                                    <span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/layouts/grids.html">
                                            <span class="site-menu-title">基本栅格</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/layouts/layout-grid.html">
                                            <span class="site-menu-title">布局栅格</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="site-menu-item has-sub">
                                <a href="javascript:;">
                                    <span class="site-menu-title">标题栏</span>
                                    <span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/layouts/headers.html">
                                            <span class="site-menu-title">普通</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/layouts/bordered-header.html">
                                            <span class="site-menu-title">带边框</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="site-menu-item has-sub">
                                <a href="javascript:;">
                                    <span class="site-menu-title">侧边栏</span>
                                    <span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/layouts/aside/left-static.html">
                                            <span class="site-menu-title">左侧普通</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/layouts/aside/left-fixed.html">
                                            <span class="site-menu-title">左侧浮动</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/layouts/aside/right-static.html">
                                            <span class="site-menu-title">右侧普通</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/layouts/aside/left-fixed.html">
                                            <span class="site-menu-title">右侧浮动</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/layouts/boxed.html">
                                    <span class="site-menu-title">盒式布局</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/layouts/two-columns.html">
                                    <span class="site-menu-title">两栏式布局</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/layouts/panel-transition.html">
                                    <span class="site-menu-title">面板动画</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-cube" aria-hidden="true"></i>
                            <span class="site-menu-title">基本</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item has-sub">
                                <a href="javascript:;">
                                    <span class="site-menu-title">面板</span>
                                    <span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/basic/panel/structure.html">
                                            <span class="site-menu-title">面板结构</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/basic/panel/actions.html">
                                            <span class="site-menu-title">面板操作</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/basic/panel/portlets.html">
                                            <span class="site-menu-title">面板组件</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/buttons.html">
                                    <span class="site-menu-title">按钮</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/icons.html">
                                    <span class="site-menu-title">矢量图标</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/dropdowns.html">
                                    <span class="site-menu-title">下拉菜单</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/list.html">
                                    <span class="site-menu-title">列表组</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/tooltip-popover.html">
                                    <span class="site-menu-title">气泡提示 &amp; 弹出框</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/modals.html">
                                    <span class="site-menu-title">模态框</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/tabs-accordions.html">
                                    <span class="site-menu-title">选项卡 &amp; 折叠面板</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/images.html">
                                    <span class="site-menu-title">图片</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/badges.html">
                                    <span class="site-menu-title">徽章</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/carousel.html">
                                    <span class="site-menu-title">轮播组件</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/typography.html">
                                    <span class="site-menu-title">排版</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/progress-bars.html">
                                    <span class="site-menu-title">进度条</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/colors.html">
                                    <span class="site-menu-title">配色方案</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/basic/utilities.html">
                                    <span class="site-menu-title">辅助类</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-cubes" aria-hidden="true"></i>
                            <span class="site-menu-title">进阶</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/components/advanced/tour.html">
                                    <span class="site-menu-title">新手指引</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/advanced/animation.html">
                                    <span class="site-menu-title">动画</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/advanced/lightbox.html">
                                    <span class="site-menu-title">灯箱</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/advanced/scrollbar.html">
                                    <span class="site-menu-title">滚动条</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/advanced/rating.html">
                                    <span class="site-menu-title">评分</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/advanced/context-menu.html">
                                    <span class="site-menu-title">右键菜单</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/advanced/alertify.html">
                                    <span class="site-menu-title">Alertify 弹框</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/advanced/masonry.html">
                                    <span class="site-menu-title">瀑布流布局</span>
                                </a>
                            </li>
                            <li class="site-menu-item has-sub">
                                <a href="javascript:;">
                                    <span class="site-menu-title">树形控件</span>
                                    <span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/advanced/tree/jstree.html">
                                            <span class="site-menu-title">JsTree</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/advanced/tree/treeview.html">
                                            <span class="site-menu-title">Treeview</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/advanced/toastr.html">
                                    <span class="site-menu-title">Toastr 通知</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/advanced/sortable-nestable.html">
                                    <span class="site-menu-title">拖动排序</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/advanced/bootbox-sweetalert.html">
                                    <span class="site-menu-title">弹层组件</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-plug" aria-hidden="true"></i>
                            <span class="site-menu-title">组件</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/alerts.html">
                                    <span class="site-menu-title">警告框</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/ribbon.html">
                                    <span class="site-menu-title">彩带</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/pricing-tables.html">
                                    <span class="site-menu-title">价目表</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/overlay.html">
                                    <span class="site-menu-title">遮罩</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/cover.html">
                                    <span class="site-menu-title">覆盖层</span>
                                </a>
                            </li>
                            <li class="site-menu-item has-sub">
                                <a href="javascript:;">
                                    <span class="site-menu-title">时间轴</span>
                                    <span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/structure/timeline/simple.html">
                                            <span class="site-menu-title">简单时间轴</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/components/structure/timeline/icons.html">
                                            <span class="site-menu-title">图标时间轴</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/step.html">
                                    <span class="site-menu-title">步骤条</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/comments.html">
                                    <span class="site-menu-title">评论</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/media.html">
                                    <span class="site-menu-title">媒体</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/chat.html">
                                    <span class="site-menu-title">聊天窗口</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/testimonials.html">
                                    <span class="site-menu-title">客户评价</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/nav.html">
                                    <span class="site-menu-title">导航</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/navbars.html">
                                    <span class="site-menu-title">导航条</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/blockquotes.html">
                                    <span class="site-menu-title">引用</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/pagination.html">
                                    <span class="site-menu-title">分页</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/structure/breadcrumbs.html">
                                    <span class="site-menu-title">包屑导航</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-address-card-o" aria-hidden="true"></i>
                            <span class="site-menu-title">卡片</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/components/cards/statistics.html">
                                    <span class="site-menu-title">统计</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/cards/data.html">
                                    <span class="site-menu-title">数据</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/cards/blog.html">
                                    <span class="site-menu-title">博客</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/cards/chart.html">
                                    <span class="site-menu-title">图表</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/cards/social.html">
                                    <span class="site-menu-title">社交</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/components/cards/weather.html">
                                    <span class="site-menu-title">天气</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade h-full" id="admui-navTabsItem-3" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">页面示例</li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-home" aria-hidden="true"></i>
                            <span class="site-menu-title">首页示例</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/home/index-v1.html">
                                    <span class="site-menu-title">首页示例 01</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/home/index-v2.html">
                                    <span class="site-menu-title">首页示例 02</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/home/ecommerce.html">
                                    <span class="site-menu-title">电商网站型</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/home/analytics.html">
                                    <span class="site-menu-title">数据统计型</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/home/team.html">
                                    <span class="site-menu-title">团队协作型</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-files-o" aria-hidden="true"></i>
                            <span class="site-menu-title">常用页面</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/general/blank.html">
                                    <span class="site-menu-title">空白页面</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/general/faq.html">
                                    <span class="site-menu-title">帮助文档</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/general/gallery-grid.html">
                                    <span class="site-menu-title">相册</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/general/search-result.html">
                                    <span class="site-menu-title">搜索</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/general/user.html">
                                    <span class="site-menu-title">客户列表</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/general/email.html">
                                    <span class="site-menu-title">邮件模板</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/general/code-editor.html">
                                    <span class="site-menu-title">代码编辑器</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/error.html">
                                    <span class="site-menu-title">错误页面</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/errors/no-auth.html">
                                    <span class="site-menu-title">没有权限</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/errors/maintenance.html">
                                    <span class="site-menu-title">网站维护中</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/locked.html">
                                    <span class="site-menu-title">锁屏页面</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-group" aria-hidden="true"></i>
                            <span class="site-menu-title">团队协作</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/team/calendar.html">
                                    <span class="site-menu-title">日历</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/team/notebook.html">
                                    <span class="site-menu-title">笔记</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/team/taskboard.html">
                                    <span class="site-menu-title">任务看板</span>
                                </a>
                            </li>
                            <li class="site-menu-item has-sub">
                                <a href="javascript:;">
                                    <span class="site-menu-title">知识库</span>
                                    <span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <li class="site-menu-item">
                                        <a href="/html/examples/pages/team/documents/articles.html">
                                            <span class="site-menu-title">列表</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/pages/team/documents/categories.html">
                                            <span class="site-menu-title">分类</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/pages/team/documents/article.html">
                                            <span class="site-menu-title">详情</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/team/forum.html">
                                    <span class="site-menu-title">论坛</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/team/message.html">
                                    <span class="site-menu-title">即时通讯</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/team/mailbox.html">
                                    <span class="site-menu-title">邮箱</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/pages/team/media.html">
                                    <span class="site-menu-title">文件管理</span>
                                </a>
                            </li>
                            <li class="site-menu-item has-sub">
                                <a href="javascript:;">
                                    <span class="site-menu-title">项目</span>
                                    <span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <li class="site-menu-item">
                                        <a href="/html/examples/pages/team/projects.html">
                                            <span class="site-menu-title">项目列表 01</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/pages/team/work.html">
                                            <span class="site-menu-title">项目列表 02</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade h-full" id="admui-navTabsItem-4" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">表格示例</li>
                    <li class="site-menu-item">
                        <a href="/html/examples/tables/basic/index.html">
                            <i class="site-menu-icon fa-table" aria-hidden="true"></i>
                            <span class="site-menu-title">基本表格</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/examples/tables/treegrid/index.html">
                            <i class="site-menu-icon fa-sort-amount-asc" aria-hidden="true"></i>
                            <span class="site-menu-title">树形表格</span>
                        </a>
                    </li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-list-alt" aria-hidden="true"></i>
                            <span class="site-menu-title">DataTables</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/tables/data-tables/basic-init/zero-configuration.html">
                                    <span class="site-menu-title">基本初始化</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/tables/data-tables/advanced-init/events-live.html">
                                    <span class="site-menu-title">高级初始化</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/tables/data-tables/data-sources/dom.html">
                                    <span class="site-menu-title">数据源</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/tables/data-tables/api/add-row.html">
                                    <span class="site-menu-title">API</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/tables/data-tables/ajax/simple.html">
                                    <span class="site-menu-title">AJAX</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/tables/data-tables/server-side/simple.html">
                                    <span class="site-menu-title">服务器模式</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/tables/data-tables/plug-ins/api.html">
                                    <span class="site-menu-title">插件</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/tables/data-tables/others/fixed-header.html">
                                    <span class="site-menu-title">其他</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-list-alt" aria-hidden="true"></i>
                            <span class="site-menu-title">BootstrapTable</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/tables/bootstrap-table/options/boolean-options.html">
                                    <span class="site-menu-title">选项</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/tables/bootstrap-table/methods/getOptions.html">
                                    <span class="site-menu-title">方法</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/tables/bootstrap-table/extensions/export.html">
                                    <span class="site-menu-title">扩展</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade h-full" id="admui-navTabsItem-5" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">表单相关</li>
                    <li class="site-menu-item">
                        <a href="/html/examples/forms/general.html">
                            <i class="site-menu-icon fa-circle-o" aria-hidden="true"></i>
                            <span class="site-menu-title">基本表单</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/examples/forms/material.html">
                            <i class="site-menu-icon fa-google" aria-hidden="true"></i>
                            <span class="site-menu-title">质感风格</span>
                        </a>
                    </li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-toggle-off" aria-hidden="true"></i>
                            <span class="site-menu-title">高级表单元素</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/forms/advanced/select.html">
                                    <span class="site-menu-title">下拉选择</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/forms/advanced/tags-input.html">
                                    <span class="site-menu-title">标签输入</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/forms/advanced/date-time.html">
                                    <span class="site-menu-title">日期时间</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/forms/advanced/checkbox-radio.html">
                                    <span class="site-menu-title">复选框 &amp; 单选框</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/forms/advanced/color-icon.html">
                                    <span class="site-menu-title">颜色 &amp; 图标</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/forms/advanced/other.html">
                                    <span class="site-menu-title">其他</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/examples/forms/layouts.html">
                            <i class="site-menu-icon fa-indent" aria-hidden="true"></i>
                            <span class="site-menu-title">表单布局</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/examples/forms/wizard.html">
                            <i class="site-menu-icon fa-arrow-right" aria-hidden="true"></i>
                            <span class="site-menu-title">表单向导</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/examples/forms/validation.html">
                            <i class="site-menu-icon fa-check-square-o" aria-hidden="true"></i>
                            <span class="site-menu-title">表单验证</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/examples/forms/masks.html">
                            <i class="site-menu-icon fa-at" aria-hidden="true"></i>
                            <span class="site-menu-title">格式预设</span>
                        </a>
                    </li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-list-alt" aria-hidden="true"></i>
                            <span class="site-menu-title">编辑器</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/forms/editor/summernote.html">
                                    <span class="site-menu-title">文本编辑器</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/forms/editor/markdown.html">
                                    <span class="site-menu-title">Markdown编辑器</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/forms/editor/ace.html">
                                    <span class="site-menu-title">代码编辑器</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/examples/forms/image-cropping.html">
                            <i class="site-menu-icon fa-cut" aria-hidden="true"></i>
                            <span class="site-menu-title">图片裁剪</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/examples/forms/dropify.html">
                            <i class="site-menu-icon fa-cloud-upload" aria-hidden="true"></i>
                            <span class="site-menu-title">文件上传</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade h-full" id="admui-navTabsItem-6" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">统计图表</li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-pie-chart" aria-hidden="true"></i>
                            <span class="site-menu-title">简单图表</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/charts/chartjs.html">
                                    <span class="site-menu-title">Chart.js</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/charts/gauges.html">
                                    <span class="site-menu-title">Gauges</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/charts/flot.html">
                                    <span class="site-menu-title">Flot</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/charts/peity.html">
                                    <span class="site-menu-title">Peity</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/charts/sparkline.html">
                                    <span class="site-menu-title">Sparkline</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/charts/morris.html">
                                    <span class="site-menu-title">Morris</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/charts/chartist.html">
                                    <span class="site-menu-title">Chartist.js</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/charts/rickshaw.html">
                                    <span class="site-menu-title">Rickshaw</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/charts/c3.html">
                                    <span class="site-menu-title">C3</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/examples/charts/echarts.html">
                            <i class="site-menu-icon fa-area-chart" aria-hidden="true"></i>
                            <span class="site-menu-title">百度 Echarts</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade h-full" id="admui-navTabsItem-7" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">菜单演示 01</li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-bars" aria-hidden="true"></i>
                            <span class="site-menu-title">一级菜单</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/examples/menu.html">
                                    <span class="site-menu-title">二级菜单 01</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/examples/menu.html">
                                    <span class="site-menu-title">二级菜单 02</span>
                                </a>
                            </li>
                            <li class="site-menu-item has-sub">
                                <a href="javascript:;">
                                    <span class="site-menu-title">二级菜单 03</span>
                                    <span class="site-menu-arrow"></span>
                                </a>
                                <ul class="site-menu-sub">
                                    <li class="site-menu-item">
                                        <a href="/html/examples/menu.html">
                                            <span class="site-menu-title">三级菜单 001</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/menu.html">
                                            <span class="site-menu-title">三级菜单 002</span>
                                        </a>
                                    </li>
                                    <li class="site-menu-item">
                                        <a href="/html/examples/menu.html">
                                            <span class="site-menu-title">三级菜单 003</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/examples/menu.html">
                            <i class="site-menu-icon fa-bars" aria-hidden="true"></i>
                            <span class="site-menu-title">独立菜单</span>
                        </a>
                    </li>
                    <li class="site-menu-category">菜单演示 02</li>
                    <li class="site-menu-item">
                        <a href="/html/examples/menu.html">
                            <i class="site-menu-icon fa-bars" aria-hidden="true"></i>
                            <span class="site-menu-title">独立菜单</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade h-full" id="admui-navTabsItem-8" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">系统信息</li>
                    <li class="site-menu-item">
                        <a href="/html/system/menu.html">
                            <i class="site-menu-icon fa-bars" aria-hidden="true"></i>
                            <span class="site-menu-title">菜单管理</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/system/organization.html">
                            <i class="site-menu-icon fa-sitemap" aria-hidden="true"></i>
                            <span class="site-menu-title">组织结构</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/system/role.html">
                            <i class="site-menu-icon fa-sliders" aria-hidden="true"></i>
                            <span class="site-menu-title">角色管理</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/system/permission.html">
                            <i class="site-menu-icon fa-user-secret" aria-hidden="true"></i>
                            <span class="site-menu-title">权限管理</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/system/log.html">
                            <i class="site-menu-icon fa-file-text-o" aria-hidden="true"></i>
                            <span class="site-menu-title">日志信息</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/system/blacklist.html">
                            <i class="site-menu-icon fa-shield" aria-hidden="true"></i>
                            <span class="site-menu-title">黑名单</span>
                        </a>
                    </li>
                    <li class="site-menu-item has-sub">
                        <a href="javascript:;">
                            <i class="site-menu-icon fa-gear" aria-hidden="true"></i>
                            <span class="site-menu-title">系统设置</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <ul class="site-menu-sub">
                            <li class="site-menu-item">
                                <a href="/html/system/settings/display.html">
                                    <span class="site-menu-title">显示设置</span>
                                </a>
                            </li>
                            <li class="site-menu-item">
                                <a href="/html/system/settings/log.html">
                                    <span class="site-menu-title">日志设置</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="site-menu-category">我的账户</li>
                    <li class="site-menu-item">
                        <a href="/html/system/account.html">
                            <i class="site-menu-icon fa-key" aria-hidden="true"></i>
                            <span class="site-menu-title">账户信息</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<main class="site-page">
    <div class="page-container" id="admui-pageContent">
<div class="page animation-fade page-data-tables">
    <div class="page-aside">
        <div class="page-aside-switch">
            <i class="icon wb-chevron-left" aria-hidden="true"></i>
            <i class="icon wb-chevron-right" aria-hidden="true"></i>
        </div>
        <div class="page-aside-inner h-full" data-plugin="mCustomScrollbar">
            <section class="page-aside-section">
                <h5 class="page-aside-title">API</h5>
                <div class="list-group">
                    <a class="list-group-item" href="./add-row.html">
                        <i class="icon fa-circle-o"></i> 添加行
                    </a>
                    <a class="list-group-item" href="./multi-filter.html">
                        <i class="icon fa-circle-o"></i> 给每一列添加搜索框
                    </a>
                    <a class="list-group-item" href="./multi-filter-select.html">
                        <i class="icon fa-circle-o"></i> 给每一列添加下拉框搜索
                    </a>
                    <a class="list-group-item" href="./highlight.html">
                        <i class="icon fa-circle-o"></i> 高亮鼠标停留的行和列
                    </a>
                    <a class="list-group-item" href="./row-details.html">
                        <i class="icon fa-circle-o"></i> 显示行的附加信息
                    </a>
                    <a class="list-group-item" href="./select-row.html">
                        <i class="icon fa-circle-o"></i> 选择行(多行)
                    </a>
                    <a class="list-group-item" href="./select-single-row.html">
                        <i class="icon fa-circle-o"></i> 选择行并删除(单行)
                    </a>
                    <a class="list-group-item active" href="./form.html">
                        <i class="icon fa-circle-o"></i> 表单输入框
                    </a>
                    <a class="list-group-item" href="./counter-columns.html">
                        <i class="icon fa-circle-o"></i> 索引列
                    </a>
                    <a class="list-group-item" href="./show-hide.html">
                        <i class="icon fa-circle-o"></i> 动态显示/隐藏列
                    </a>
                    <a class="list-group-item" href="./api-in-init.html">
                        <i class="icon fa-circle-o"></i> 在回调方法中使用API
                    </a>
                    <a class="list-group-item" href="./tabs-and-scrolling.html">
                        <i class="icon fa-circle-o"></i> 带垂直滚动条和Bootstrap Tabs控件
                    </a>
                    <a class="list-group-item" href="./regex.html">
                        <i class="icon fa-circle-o"></i> 搜索API(正则表达式)
                    </a>
                </div>
            </section>
        </div>

    </div>
    <div class="page-main">
        <div class="page-header">
            <h1 class="page-title">DataTables API</h1>
            <div class="page-header-actions">
                <a class="btn btn-inverse btn-round" href="https://datatables.net/" target="_blank">
                    <i class="icon wb-link" aria-hidden="true"></i> 官网</a>
                <a class="btn btn-inverse btn-round" href="http://datatables.club/" target="_blank">
                    <i class="icon fa-language" aria-hidden="true"></i> 中文网</a>
            </div>
        </div>
        <div class="page-content" id="DTConent">
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">表单输入框</h3>
                </div>
                <div class="alert alert-warning" role="alert">
                    <p>本示例演示从表中获取所有的输入的元素</p>
                </div>
                <div class="panel-body">
                    <button type="button" class="btn btn-success mb-15" id="DTSubmitBtn">提交表单</button>
                    <table class="table table-bordered table-hover dataTable table-striped w-full text-nowrap" id="dataTableExample">
                        <thead>
                            <tr>
                                <th>姓名</th>
                                <th>职位</th>
                                <th>工作地点</th>
                                <th>年龄</th>
                                <th>入职时间</th>
                                <th>年薪</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>姓名</th>
                                <th>职位</th>
                                <th>工作地点</th>
                                <th>年龄</th>
                                <th>入职时间</th>
                                <th>年薪</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            <tr>
                                <td>李霞</td>
                                <td>
                                    <input type="text" name="row-2" class="form-control form-control-sm" value="系统架构师">
                                </td>
                                <td>
                                    <select name="row-3" class="form-control form-control-sm">
                                        <option value="beijing" selected="selected">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input name="row-4" type="text" class="form-control form-control-sm" value="61">
                                </td>
                                <td>2011/04/25</td>
                                <td>&yen;320,800</td>
                            </tr>
                            <tr>
                                <td>杜重治</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="会计">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="63">
                                </td>
                                <td>2011/07/25</td>
                                <td>&yen;170,750</td>
                            </tr>
                            <tr>
                                <td>陈锋</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="初级开发者">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="66">
                                </td>
                                <td>2009/01/12</td>
                                <td>&yen;86,000</td>
                            </tr>
                            <tr>
                                <td>郑伯宁</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="高级JavaScript开发者">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing" selected="selected">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="22">
                                </td>
                                <td>2012/03/29</td>
                                <td>&yen;433,060</td>
                            </tr>
                            <tr>
                                <td>施华军</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="会计">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai" selected="selected">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="33">
                                </td>
                                <td>2008/11/28</td>
                                <td>&yen;162,700</td>
                            </tr>
                            <tr>
                                <td>吴书振</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="集成专家">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="61">
                                </td>
                                <td>2012/12/02</td>
                                <td>&yen;372,000</td>
                            </tr>
                            <tr>
                                <td>张宁</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="销售代表">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="59">
                                </td>
                                <td>2012/08/06</td>
                                <td>&yen;137,500</td>
                            </tr>
                            <tr>
                                <td>马世波</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="集成专家">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai" selected="selected">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="55">
                                </td>
                                <td>2010/10/14</td>
                                <td>&yen;327,900</td>
                            </tr>
                            <tr>
                                <td>张章</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="Javascript开发者">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="39">
                                </td>
                                <td>2009/09/15</td>
                                <td>&yen;205,500</td>
                            </tr>
                            <tr>
                                <td>张竹影</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="软件工程师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing" selected="selected">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="23">
                                </td>
                                <td>2008/12/13</td>
                                <td>&yen;103,600</td>
                            </tr>
                            <tr>
                                <td>韩庆福</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="办公室主管">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou" selected="selected">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="30">
                                </td>
                                <td>2008/12/19</td>
                                <td>&yen;90,560</td>
                            </tr>
                            <tr>
                                <td>刘勇</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="客户服务">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing" selected="selected">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="22">
                                </td>
                                <td>2013/03/03</td>
                                <td>&yen;342,000</td>
                            </tr>
                            <tr>
                                <td>张忆湫</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="大区经理">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="36">
                                </td>
                                <td>2008/10/16</td>
                                <td>&yen;470,600</td>
                            </tr>
                            <tr>
                                <td>尚志兴</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="高级营销设计师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou" selected="selected">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="43">
                                </td>
                                <td>2012/12/18</td>
                                <td>&yen;313,500</td>
                            </tr>
                            <tr>
                                <td>杜若芳</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="大区经理">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou" selected="selected">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="19">
                                </td>
                                <td>2010/03/17</td>
                                <td>&yen;385,750</td>
                            </tr>
                            <tr>
                                <td>杨乔松</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="营销设计师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou" selected="selected">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="66">
                                </td>
                                <td>2012/11/27</td>
                                <td>&yen;198,500</td>
                            </tr>
                            <tr>
                                <td>闫跃进</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="CEO">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="64">
                                </td>
                                <td>2010/06/09</td>
                                <td>&yen;725,000</td>
                            </tr>
                            <tr>
                                <td>孙凯</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="系统管理员">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="59">
                                </td>
                                <td>2009/04/10</td>
                                <td>&yen;237,500</td>
                            </tr>
                            <tr>
                                <td>赖祥校</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="软件工程师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou" selected="selected">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="41">
                                </td>
                                <td>2012/10/13</td>
                                <td>&yen;132,000</td>
                            </tr>
                            <tr>
                                <td>郭晖</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="人事主管">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing" selected="selected">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="35">
                                </td>
                                <td>2012/09/26</td>
                                <td>&yen;217,500</td>
                            </tr>
                            <tr>
                                <td>贺光明</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="技术主管">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="30">
                                </td>
                                <td>2011/09/03</td>
                                <td>&yen;345,000</td>
                            </tr>
                            <tr>
                                <td>邓小燕</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="CMO">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="40">
                                </td>
                                <td>2009/06/25</td>
                                <td>&yen;675,000</td>
                            </tr>
                            <tr>
                                <td>白莉惠</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="售前支持">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="21">
                                </td>
                                <td>2011/12/12</td>
                                <td>&yen;106,450</td>
                            </tr>
                            <tr>
                                <td>杨海霞</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="销售代表">
                                </td>
                                <td>成都
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou" selected="selected">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="23">
                                </td>
                                <td>2010/09/20</td>
                                <td>&yen;85,600</td>
                            </tr>
                            <tr>
                                <td>利旭日</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="CEO">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou" selected="selected">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="47">
                                </td>
                                <td>2009/10/09</td>
                                <td>&yen;1,200,000</td>
                            </tr>
                            <tr>
                                <td>范永胜</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="开发者">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing" selected="selected">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="42">
                                </td>
                                <td>2010/12/22</td>
                                <td>&yen;92,575</td>
                            </tr>
                            <tr>
                                <td>于怀斌</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="大区经理">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou" selected="selected">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="28">
                                </td>
                                <td>2010/11/14</td>
                                <td>&yen;357,650</td>
                            </tr>
                            <tr>
                                <td>赵淑娜</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="软件工程师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="28">
                                </td>
                                <td>2011/06/07</td>
                                <td>&yen;206,850</td>
                            </tr>
                            <tr>
                                <td>张淑杰</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="COO">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="48">
                                </td>
                                <td>2010/03/11</td>
                                <td>&yen;850,000</td>
                            </tr>
                            <tr>
                                <td>陈俊军</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="区域销售">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai" selected="selected">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="20">
                                </td>
                                <td>2011/08/14</td>
                                <td>&yen;163,000</td>
                            </tr>
                            <tr>
                                <td>郭增杰</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="集成专家">
                                </td>
                                <td>成都
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="37">
                                </td>
                                <td>2011/06/02</td>
                                <td>&yen;95,400</td>
                            </tr>
                            <tr>
                                <td>林云</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="开发者">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="53">
                                </td>
                                <td>2009/10/22</td>
                                <td>&yen;114,500</td>
                            </tr>
                            <tr>
                                <td>郭述龙</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="技术作者">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou" selected="selected">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="27">
                                </td>
                                <td>2011/05/07</td>
                                <td>&yen;145,000</td>
                            </tr>
                            <tr>
                                <td>杨军</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="团队主管">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="22">
                                </td>
                                <td>2008/10/26</td>
                                <td>&yen;235,500</td>
                            </tr>
                            <tr>
                                <td>张海龙</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="售后支持">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing" selected="selected">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="46">
                                </td>
                                <td>2011/03/09</td>
                                <td>&yen;324,050</td>
                            </tr>
                            <tr>
                                <td>耿静</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="营销设计师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="47">
                                </td>
                                <td>2009/12/09</td>
                                <td>&yen;85,675</td>
                            </tr>
                            <tr>
                                <td>刘晋荣</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="办公室主管">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="51">
                                </td>
                                <td>2008/12/16</td>
                                <td>&yen;164,500</td>
                            </tr>
                            <tr>
                                <td>孙宁</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="秘书">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="41">
                                </td>
                                <td>2010/02/12</td>
                                <td>&yen;109,850</td>
                            </tr>
                            <tr>
                                <td>邢洪锐</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="财务总监">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="62">
                                </td>
                                <td>2009/02/14</td>
                                <td>&yen;452,500</td>
                            </tr>
                            <tr>
                                <td>陈云云</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="办公室主管">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou" selected="selected">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="37">
                                </td>
                                <td>2008/12/11</td>
                                <td>&yen;136,200</td>
                            </tr>
                            <tr>
                                <td>张禄</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="主任">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="65">
                                </td>
                                <td>2008/09/26</td>
                                <td>&yen;645,750</td>
                            </tr>
                            <tr>
                                <td>王增凤</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="技术支持工程师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou" selected="selected">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="64">
                                </td>
                                <td>2011/02/03</td>
                                <td>&yen;234,500</td>
                            </tr>
                            <tr>
                                <td>沈捷</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="软件工程师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou" selected="selected">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="38">
                                </td>
                                <td>2011/05/03</td>
                                <td>&yen;163,500</td>
                            </tr>
                            <tr>
                                <td>汪化言</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="技术支持工程师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai" selected="selected">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="37">
                                </td>
                                <td>2009/08/19</td>
                                <td>&yen;139,575</td>
                            </tr>
                            <tr>
                                <td>杨正机</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="开发者">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="61">
                                </td>
                                <td>2013/08/11</td>
                                <td>&yen;98,540</td>
                            </tr>
                            <tr>
                                <td>戴向军</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="技术支持工程师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="47">
                                </td>
                                <td>2009/07/07</td>
                                <td>&yen;87,500</td>
                            </tr>
                            <tr>
                                <td>王延芳</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="数据分析工程师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou" selected="selected">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="64">
                                </td>
                                <td>2012/04/09</td>
                                <td>&yen;138,575</td>
                            </tr>
                            <tr>
                                <td>沈健</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="软件工程师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="63">
                                </td>
                                <td>2010/01/04</td>
                                <td>&yen;125,250</td>
                            </tr>
                            <tr>
                                <td>刘伟峰</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="软件工程师">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="56">
                                </td>
                                <td>2012/06/01</td>
                                <td>&yen;115,000</td>
                            </tr>
                            <tr>
                                <td>陆先生</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="初级Javascript开发者">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing" selected="selected">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="43">
                                </td>
                                <td>2013/02/01</td>
                                <td>&yen;75,650</td>
                            </tr>
                            <tr>
                                <td>纪虹羽</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="销售代表">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="46">
                                </td>
                                <td>2011/12/06</td>
                                <td>&yen;145,600</td>
                            </tr>
                            <tr>
                                <td>肖艳</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="大区经理">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou" selected="selected">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="47">
                                </td>
                                <td>2011/03/21</td>
                                <td>&yen;356,250</td>
                            </tr>
                            <tr>
                                <td>沈国金</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="系统管理员">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou" selected="selected">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="21">
                                </td>
                                <td>2009/02/27</td>
                                <td>&yen;103,500</td>
                            </tr>
                            <tr>
                                <td>王燕峰</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="开发者">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen" selected="selected">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="30">
                                </td>
                                <td>2010/07/14</td>
                                <td>&yen;86,500</td>
                            </tr>
                            <tr>
                                <td>徐若琳</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="大区经理">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing" selected="selected">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="51">
                                </td>
                                <td>2008/11/13</td>
                                <td>&yen;183,000</td>
                            </tr>
                            <tr>
                                <td>徐成业</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="Javascript开发者">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing">南京</option>
                                        <option value="suzhou" selected="selected">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="29">
                                </td>
                                <td>2011/06/27</td>
                                <td>&yen;183,000</td>
                            </tr>
                            <tr>
                                <td>李岸白</td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="客户服务">
                                </td>
                                <td>
                                    <select class="form-control form-control-sm">
                                        <option value="beijing">北京</option>
                                        <option value="shanghai">上海</option>
                                        <option value="guangzhou">广州</option>
                                        <option value="nanjing" selected="selected">南京</option>
                                        <option value="suzhou">苏州</option>
                                        <option value="xian">西安</option>
                                        <option value="shenzhen">深圳</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" value="27">
                                </td>
                                <td>2011/01/25</td>
                                <td>&yen;112,000</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="panel nav-tabs-horizontal">
                <div class="panel-body" data-approve="nav-tabs">
                    <ul class="nav nav-tabs nav-tabs-line" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#DTJS" aria-controls="DTJS" role="tab"
                                aria-expanded="false">JavaScript</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#DTHtml" aria-controls="DTHtml" role="tab"
                                aria-expanded="false">HTML</a>
                        </li>
                    </ul>
                    <div class="tab-content mt-15">
                        <div class="tab-pane active" id="DTJS" role="tabpanel">
                            <pre data-plugin="highlight"><code class="js">var table = $('#dataTableExample').DataTable($.concatCpt('dataTable'));
$('#DTSubmitBtn').click(function() {
    var data = table.$('input, select').serialize();
    console.log(data)
    toastr.info("将向服务器提交以下数据：&lt;br&gt;" + data.substr(0, 120) + '...');
    return false;
});</code></pre>
                        </div>
                        <div class="tab-pane" id="DTHtml" role="tabpanel">
                            <pre data-plugin="highlight"><code class="html">&lt;button type="button" class="btn btn-success mb-15" id="DTSubmitBtn"&gt;提交表单&lt;/button&gt;
&lt;table class="table table-bordered table-hover dataTable table-striped w-full text-nowrap" id="dataTableExample"&gt;
    &lt;thead&gt;
    &lt;tr&gt;
        &lt;th&gt;姓名&lt;/th&gt;
        &lt;th&gt;职位&lt;/th&gt;
        &lt;th&gt;工作地点&lt;/th&gt;
        &lt;th&gt;年龄&lt;/th&gt;
        &lt;th&gt;入职时间&lt;/th&gt;
        &lt;th&gt;年薪&lt;/th&gt;
    &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tfoot&gt;
    &lt;tr&gt;
        &lt;th&gt;姓名&lt;/th&gt;
        &lt;th&gt;职位&lt;/th&gt;
        &lt;th&gt;工作地点&lt;/th&gt;
        &lt;th&gt;年龄&lt;/th&gt;
        &lt;th&gt;入职时间&lt;/th&gt;
        &lt;th&gt;年薪&lt;/th&gt;
    &lt;/tr&gt;
    &lt;/tfoot&gt;
    &lt;tbody&gt;
    &lt;tr&gt;
        &lt;td&gt;李霞&lt;/td&gt;
        &lt;td&gt;&lt;input name="row-2" type="text" class="form-control form-control-sm" value="系统架构师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select name="row-3 class="form-control form-control-sm"&gt;
                &lt;option value="beijing" selected="selected"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input name="row-4 type="text" class="form-control form-control-sm" value="61"&gt;&lt;/td&gt;
        &lt;td&gt;2011/04/25&lt;/td&gt;
        &lt;td&gt;&amp;yen;320,800&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;杜重治&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="会计"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="63"&gt;&lt;/td&gt;
        &lt;td&gt;2011/07/25&lt;/td&gt;
        &lt;td&gt;&amp;yen;170,750&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;陈锋&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="初级开发者"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
            &lt;option value="beijing"&gt;北京&lt;/option&gt;
            &lt;option value="shanghai"&gt;上海&lt;/option&gt;
            &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
            &lt;option value="nanjing"&gt;南京&lt;/option&gt;
            &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
            &lt;option value="xian"&gt;西安&lt;/option&gt;
            &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
        &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="66"&gt;&lt;/td&gt;
        &lt;td&gt;2009/01/12&lt;/td&gt;
        &lt;td&gt;&amp;yen;86,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;郑伯宁&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="高级JavaScript开发者"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing" selected="selected"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="22"&gt;&lt;/td&gt;
        &lt;td&gt;2012/03/29&lt;/td&gt;
        &lt;td&gt;&amp;yen;433,060&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;施华军&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="会计"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai" selected="selected"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="33"&gt;&lt;/td&gt;
        &lt;td&gt;2008/11/28&lt;/td&gt;
        &lt;td&gt;&amp;yen;162,700&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;吴书振&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="集成专家"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="61"&gt;&lt;/td&gt;
        &lt;td&gt;2012/12/02&lt;/td&gt;
        &lt;td&gt;&amp;yen;372,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;张宁&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="销售代表"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="59"&gt;&lt;/td&gt;
        &lt;td&gt;2012/08/06&lt;/td&gt;
        &lt;td&gt;&amp;yen;137,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;马世波&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="集成专家"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai" selected="selected"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="55"&gt;&lt;/td&gt;
        &lt;td&gt;2010/10/14&lt;/td&gt;
        &lt;td&gt;&amp;yen;327,900&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;张章&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="Javascript开发者"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="39"&gt;&lt;/td&gt;
        &lt;td&gt;2009/09/15&lt;/td&gt;
        &lt;td&gt;&amp;yen;205,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;张竹影&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="软件工程师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing" selected="selected"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="23"&gt;&lt;/td&gt;
        &lt;td&gt;2008/12/13&lt;/td&gt;
        &lt;td&gt;&amp;yen;103,600&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;韩庆福&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="办公室主管"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou" selected="selected"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="30"&gt;&lt;/td&gt;
        &lt;td&gt;2008/12/19&lt;/td&gt;
        &lt;td&gt;&amp;yen;90,560&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;刘勇&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="客户服务"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing" selected="selected"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="22"&gt;&lt;/td&gt;
        &lt;td&gt;2013/03/03&lt;/td&gt;
        &lt;td&gt;&amp;yen;342,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;张忆湫&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="大区经理"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="36"&gt;&lt;/td&gt;
        &lt;td&gt;2008/10/16&lt;/td&gt;
        &lt;td&gt;&amp;yen;470,600&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;尚志兴&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="高级营销设计师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou" selected="selected"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="43"&gt;&lt;/td&gt;
        &lt;td&gt;2012/12/18&lt;/td&gt;
        &lt;td&gt;&amp;yen;313,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;杜若芳&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="大区经理"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou" selected="selected"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="19"&gt;&lt;/td&gt;
        &lt;td&gt;2010/03/17&lt;/td&gt;
        &lt;td&gt;&amp;yen;385,750&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;杨乔松&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="营销设计师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou" selected="selected"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="66"&gt;&lt;/td&gt;
        &lt;td&gt;2012/11/27&lt;/td&gt;
        &lt;td&gt;&amp;yen;198,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;闫跃进&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="CEO"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="64"&gt;&lt;/td&gt;
        &lt;td&gt;2010/06/09&lt;/td&gt;
        &lt;td&gt;&amp;yen;725,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;孙凯&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="系统管理员"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="59"&gt;&lt;/td&gt;
        &lt;td&gt;2009/04/10&lt;/td&gt;
        &lt;td&gt;&amp;yen;237,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;赖祥校&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="软件工程师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou" selected="selected"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="41"&gt;&lt;/td&gt;
        &lt;td&gt;2012/10/13&lt;/td&gt;
        &lt;td&gt;&amp;yen;132,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;郭晖&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="人事主管"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing" selected="selected"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="35"&gt;&lt;/td&gt;
        &lt;td&gt;2012/09/26&lt;/td&gt;
        &lt;td&gt;&amp;yen;217,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;贺光明&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="技术主管"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="30"&gt;&lt;/td&gt;
        &lt;td&gt;2011/09/03&lt;/td&gt;
        &lt;td&gt;&amp;yen;345,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;邓小燕&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="CMO"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="40"&gt;&lt;/td&gt;
        &lt;td&gt;2009/06/25&lt;/td&gt;
        &lt;td&gt;&amp;yen;675,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;白莉惠&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="售前支持"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="21"&gt;&lt;/td&gt;
        &lt;td&gt;2011/12/12&lt;/td&gt;
        &lt;td&gt;&amp;yen;106,450&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;杨海霞&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="销售代表"&gt;&lt;/td&gt;
        &lt;td&gt;成都
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou" selected="selected"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="23"&gt;&lt;/td&gt;
        &lt;td&gt;2010/09/20&lt;/td&gt;
        &lt;td&gt;&amp;yen;85,600&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;利旭日&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="CEO"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou" selected="selected"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="47"&gt;&lt;/td&gt;
        &lt;td&gt;2009/10/09&lt;/td&gt;
        &lt;td&gt;&amp;yen;1,200,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;范永胜&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="开发者"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing" selected="selected"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="42"&gt;&lt;/td&gt;
        &lt;td&gt;2010/12/22&lt;/td&gt;
        &lt;td&gt;&amp;yen;92,575&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;于怀斌&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="大区经理"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou" selected="selected"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="28"&gt;&lt;/td&gt;
        &lt;td&gt;2010/11/14&lt;/td&gt;
        &lt;td&gt;&amp;yen;357,650&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;赵淑娜&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="软件工程师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="28"&gt;&lt;/td&gt;
        &lt;td&gt;2011/06/07&lt;/td&gt;
        &lt;td&gt;&amp;yen;206,850&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;张淑杰&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="COO"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="48"&gt;&lt;/td&gt;
        &lt;td&gt;2010/03/11&lt;/td&gt;
        &lt;td&gt;&amp;yen;850,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;陈俊军&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="区域销售"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai" selected="selected"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="20"&gt;&lt;/td&gt;
        &lt;td&gt;2011/08/14&lt;/td&gt;
        &lt;td&gt;&amp;yen;163,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;郭增杰&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="集成专家"&gt;&lt;/td&gt;
        &lt;td&gt;成都
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="37"&gt;&lt;/td&gt;
        &lt;td&gt;2011/06/02&lt;/td&gt;
        &lt;td&gt;&amp;yen;95,400&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;林云&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="开发者"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="53"&gt;&lt;/td&gt;
        &lt;td&gt;2009/10/22&lt;/td&gt;
        &lt;td&gt;&amp;yen;114,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;郭述龙&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="技术作者"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou" selected="selected"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="27"&gt;&lt;/td&gt;
        &lt;td&gt;2011/05/07&lt;/td&gt;
        &lt;td&gt;&amp;yen;145,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;杨军&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="团队主管"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="22"&gt;&lt;/td&gt;
        &lt;td&gt;2008/10/26&lt;/td&gt;
        &lt;td&gt;&amp;yen;235,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;张海龙&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="售后支持"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing" selected="selected"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="46"&gt;&lt;/td&gt;
        &lt;td&gt;2011/03/09&lt;/td&gt;
        &lt;td&gt;&amp;yen;324,050&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;耿静&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="营销设计师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="47"&gt;&lt;/td&gt;
        &lt;td&gt;2009/12/09&lt;/td&gt;
        &lt;td&gt;&amp;yen;85,675&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;刘晋荣&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="办公室主管"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="51"&gt;&lt;/td&gt;
        &lt;td&gt;2008/12/16&lt;/td&gt;
        &lt;td&gt;&amp;yen;164,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;孙宁&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="秘书"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="41"&gt;&lt;/td&gt;
        &lt;td&gt;2010/02/12&lt;/td&gt;
        &lt;td&gt;&amp;yen;109,850&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;邢洪锐&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="财务总监"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="62"&gt;&lt;/td&gt;
        &lt;td&gt;2009/02/14&lt;/td&gt;
        &lt;td&gt;&amp;yen;452,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;陈云云&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="办公室主管"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou" selected="selected"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="37"&gt;&lt;/td&gt;
        &lt;td&gt;2008/12/11&lt;/td&gt;
        &lt;td&gt;&amp;yen;136,200&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;张禄&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="主任"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="65"&gt;&lt;/td&gt;
        &lt;td&gt;2008/09/26&lt;/td&gt;
        &lt;td&gt;&amp;yen;645,750&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;王增凤&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="技术支持工程师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou" selected="selected"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="64"&gt;&lt;/td&gt;
        &lt;td&gt;2011/02/03&lt;/td&gt;
        &lt;td&gt;&amp;yen;234,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;沈捷&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="软件工程师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou" selected="selected"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="38"&gt;&lt;/td&gt;
        &lt;td&gt;2011/05/03&lt;/td&gt;
        &lt;td&gt;&amp;yen;163,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;汪化言&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="技术支持工程师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai" selected="selected"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="37"&gt;&lt;/td&gt;
        &lt;td&gt;2009/08/19&lt;/td&gt;
        &lt;td&gt;&amp;yen;139,575&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;杨正机&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="开发者"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="61"&gt;&lt;/td&gt;
        &lt;td&gt;2013/08/11&lt;/td&gt;
        &lt;td&gt;&amp;yen;98,540&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;戴向军&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="技术支持工程师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="47"&gt;&lt;/td&gt;
        &lt;td&gt;2009/07/07&lt;/td&gt;
        &lt;td&gt;&amp;yen;87,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;王延芳&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="数据分析工程师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou" selected="selected"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="64"&gt;&lt;/td&gt;
        &lt;td&gt;2012/04/09&lt;/td&gt;
        &lt;td&gt;&amp;yen;138,575&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;沈健&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="软件工程师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="63"&gt;&lt;/td&gt;
        &lt;td&gt;2010/01/04&lt;/td&gt;
        &lt;td&gt;&amp;yen;125,250&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;刘伟峰&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="软件工程师"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="56"&gt;&lt;/td&gt;
        &lt;td&gt;2012/06/01&lt;/td&gt;
        &lt;td&gt;&amp;yen;115,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;陆先生&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="初级Javascript开发者"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing" selected="selected"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="43"&gt;&lt;/td&gt;
        &lt;td&gt;2013/02/01&lt;/td&gt;
        &lt;td&gt;&amp;yen;75,650&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;纪虹羽&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="销售代表"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="46"&gt;&lt;/td&gt;
        &lt;td&gt;2011/12/06&lt;/td&gt;
        &lt;td&gt;&amp;yen;145,600&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;肖艳&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="大区经理"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou" selected="selected"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="47"&gt;&lt;/td&gt;
        &lt;td&gt;2011/03/21&lt;/td&gt;
        &lt;td&gt;&amp;yen;356,250&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;沈国金&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="系统管理员"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou" selected="selected"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="21"&gt;&lt;/td&gt;
        &lt;td&gt;2009/02/27&lt;/td&gt;
        &lt;td&gt;&amp;yen;103,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;王燕峰&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="开发者"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen" selected="selected"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="30"&gt;&lt;/td&gt;
        &lt;td&gt;2010/07/14&lt;/td&gt;
        &lt;td&gt;&amp;yen;86,500&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;徐若琳&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="大区经理"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing" selected="selected"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="51"&gt;&lt;/td&gt;
        &lt;td&gt;2008/11/13&lt;/td&gt;
        &lt;td&gt;&amp;yen;183,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;徐成业&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="Javascript开发者"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou" selected="selected"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="29"&gt;&lt;/td&gt;
        &lt;td&gt;2011/06/27&lt;/td&gt;
        &lt;td&gt;&amp;yen;183,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;李岸白&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="客户服务"&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;select class="form-control form-control-sm"&gt;
                &lt;option value="beijing"&gt;北京&lt;/option&gt;
                &lt;option value="shanghai"&gt;上海&lt;/option&gt;
                &lt;option value="guangzhou"&gt;广州&lt;/option&gt;
                &lt;option value="nanjing" selected="selected"&gt;南京&lt;/option&gt;
                &lt;option value="suzhou"&gt;苏州&lt;/option&gt;
                &lt;option value="xian"&gt;西安&lt;/option&gt;
                &lt;option value="shenzhen"&gt;深圳&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="form-control form-control-sm" value="27"&gt;&lt;/td&gt;
        &lt;td&gt;2011/01/25&lt;/td&gt;
        &lt;td&gt;&amp;yen;112,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;</code></pre>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    </div>
</main>

<footer class="site-footer">
    <div class="site-footer-legal">上海畅控 &copy;
        <a href="http://www.admui.com" target="_blank">admui.com</a>
    </div>
    <div class="site-footer-right">
        当前版本：v2.1.0 (更新于2019-4-11)
        <a class="ml-5" data-toggle="tooltip" title="购买或升级" href="http://www.admui.com/buy" target="_blank">
            <i class="icon fa-cloud-upload"></i>
        </a>
    </div>
</footer>
<!-- 插件 -->
<script src="../../../../../public/themes/global/js/plugins/responsive-tabs.js"></script>
<script src="../../../../../public/themes/base/js/app.js"></script>
<script src="../../../../../public/vendor/artTemplate/template-web.js"></script>
<script src="../../../../../public/vendor/toastr/toastr.min.js"></script>
<script src="../../../../../public/vendor/ashoverscroll/jquery-asHoverScroll.min.js"></script>
<script src="../../../../../public/vendor/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="../../../../../public/vendor/screenfull/screenfull.min.js"></script>
<script src="../../../../../public/vendor/bootbox/bootbox.min.js"></script>
<script src="../../../../../public/vendor/datatables/jquery.dataTables.min.js"></script>
<script src="../../../../../public/vendor/datatables-bootstrap/dataTables.bootstrap4.js"></script>
<script src="../../../../../public/vendor/datatables-responsive/dataTables.responsive.min.js"></script>
<script src="../../../../../public/vendor/highlight/highlight.min.js"></script>

<!-- 消息通知 -->
<script src="../../../../../public/js/notify-msg.js"></script>

<!-- Page JS -->
<script src="../../../../../public/js/examples/tables/data-tables/api/form.js"></script>
</body>
</html>